<template>
	<view class="content">
		<view style="text-align: center;">
			<text style="font-size: 50rpx; ">子组件A</text>

		</view>
		<view class="comaBox">
			<text>父组件传进来的值：</text>
			<text style="font-weight: bold; color: red; background-color: gray;">{{intent}}</text>
		</view>

		<button type="primary" @click="sendData()">传值给组件B</button>

	</view>
</template>

<script>
	export default {
		name: "componentA",
		// 声明属性
		props: {  
			intent: {
				type: String,
				default: ''
			}
		},
		data() {
			return {};
		},
		methods: {
			sendData() {
				 /* senfToComB:事件名 ，this.intent:传递参数 */
				uni.$emit('sendToCompB', this.intent);
			}
		}
	}
</script>

<style>
	.content {
		padding: 20rpx;
		background-color: orange;
		margin-top: 20rpx;
	}

	.comaBox {
		margin: 10rpx 0;
	}
</style>